<div class="pos-a-full" ng-style="shuttleConf.position">
    <div class="pos-a-full shuttle-box left" ng-style="shuttleConf.cellPosition.left">
        <div class="row wrapper-y-sm">
            <div class="col-xs-2 font-14 base-color p-t-xs">
                选择{{shuttleConf.shuttleName}}
            </div>
            <div class="search-bar wrapper-none col-xs-10">
                <div class="input-group pull-right clearfix">
                    <input type="text" class="form-control txt-search" ng-model="condition[shuttleConf.leftData.condition.key]"
                           placeholder="{{shuttleConf.leftData.condition.name}}">
                    <span class="input-group-addon cursor-pointer" ng-click="search(1)">搜索</span>
                </div>
            </div>
        </div>
        <div yb-table-fixed class="pos-a-full table-fixed-wrap has-head has-foot">
            <div class="th-scroll-x">
                <table class="table-fixed border-none" width="{{leftTbConf.scrollWidth}}">
                    <thead>
                    <tr>
                        <th width="40" class="th-check text-center border-l-none">
                            <div yb-check-box yb-checked="markInfo.allChecked" yb-click="selectAll()"></div>
                        </th>
                        <th ng-repeat="itemCol in leftTbConf.tableCol track by $index"
                            width="{{itemCol.width}}"
                            ng-click="toSort(leftTbConf.tableCol, $index)"
                            ng-show="!!itemCol.isShow && !itemCol.isFixed && !itemCol.type !== 'operate'">
                            <div yb-thead-operate ng-model="itemCol"
                                 target-width="leftTbConf.scrollWidth"></div>
                        </th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="td-scroll" ng-show="leftData.length > 0">
                <table class="table-fixed border-none" width="{{leftTbConf.scrollWidth}}">
                    <tbody>
                    <tr ng-repeat="item in leftData track by $index">
                        <td width="40" class="text-center border-l-none">
                            <div yb-check-box yb-checked="item.isChecked"
                                 yb-click="selectSingle(item)"></div>
                        </td>
                        <td class="spill-dots" ng-repeat="itemCol in leftTbConf.tableCol track by $index"
                            width="{{itemCol.width}}" ng-show="!!itemCol.isShow && !itemCol.isFixed"
                            title="{{item[itemCol.dataField]}}">
                            {{item[itemCol.dataField]}}
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="no-data w-full text-center p-t" ng-show="leftData.length === 0">暂时没有数据</div>
        </div>
        <div class="bottom-area page-bar wrapper-y-sm clearfix">
            <div yb-check-box class="m-t-xs m-r-sm" yb-checked="markInfo.allChecked" yb-check-name="全选" yb-click="selectAll()"></div>
            <div yb-page-info ng-model="pageInfo" yb-refresh="search()"></div>
        </div>
    </div>
    <div class="pos-a-full shuttle-box right" ng-style="shuttleConf.cellPosition.right">
        <div class="box-head">
            <span class="font-14 base-color">
                已选{{shuttleConf.shuttleName}}
            </span>
        </div>
        <div yb-table-fixed class="pos-a-full table-fixed-wrap has-head has-foot">
            <div class="th-scroll-x">
                <table class="table-fixed border-none" width="{{rightTbConf.scrollWidth}}">
                    <thead>
                    <tr>
                        <th ng-repeat="itemCol in rightTbConf.tableCol track by $index"
                            width="{{itemCol.width}}"
                            ng-click="toSort(rightTbConf.tableCol, $index)"
                            ng-show="!!itemCol.isShow && !itemCol.isFixed && itemCol.type !== 'operate'">
                            <div yb-thead-operate ng-model="itemCol" target-width="rightTbConf.scrollWidth"></div>
                        </th>
                        <th width="100">
                            操作
                        </th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="td-scroll" ng-show="rightData.length > 0">
                <table class="table-fixed border-none" width="{{rightTbConf.scrollWidth}}">
                    <tbody>
                    <tr ng-repeat="item in rightData track by $index">
                        <td class="spill-dots" ng-repeat="itemCol in rightTbConf.tableCol track by $index"
                            width="{{itemCol.width}}"
                            ng-show="!!itemCol.isShow && !itemCol.isFixed && itemCol.type !== 'operate'"
                            title="{{item[itemCol.dataField]}}">
                            {{item[itemCol.dataField]}}
                        </td>
                        <td width="100">
                            <button class="btn btn-operate" ng-click="removeClient(item, $index)">删除</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
            <div class="no-data w-full text-center p-t" ng-show="rightData.length === 0">暂时没有数据</div>
        </div>
        <div class="bottom-area page-bar text-center wrapper-y-sm clearfix">
            <button class="btn btn-primary btn-sm" ng-click="clearRight()">清空</button>
        </div>
    </div>
</div>